<template>
    <div>
        <!-- computed -->
        <h1> {{name}} </h1>
        <h2> {{newName}} </h2>
        <button @click="name = '2020年12月9日08:44:38'">修改name</button>
    </div>
</template>
<script>
export default {
    data(){
        return {
            name:'学习computed',
        }
    },
    computed:{
        //计算属性
        //1.监听一个数据,返回一个计算后的新值
        //2.不要对监听的数据进行赋值
        newName(){
            console.log(this.name)
           return this.name + '改变了'
        }
    }
}
</script>